import Taro, { Component } from '@tarojs/taro'
import { View,CheckboxGroup,Checkbox,Label } from '@tarojs/components'
import { AtInputNumber } from 'taro-ui'

import './shops.less'

class Shops extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      value: 1
    }
  }
  handleChange (value) {
    this.setState({
      value
    })
  }

  render () {
    const color = '#FF596F'
    return (
        <View className='Shops' >
          <CheckboxGroup>
            <View className='checkbox-list__label list__label_title'>
              <Checkbox className='list__checkbox' color={color} checked />
              <Label className='check_shops'>我是商店</Label>
            </View>
            <View className='checkbox-list__label list__label_content'>
              <Checkbox className='list__checkbox' color={color} checked />
              <View className='shop_list_info'>
                <View className='shop_info_img'></View>
                <View className='shop_info'>
                  <View className='info_title'>我是商品啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</View>
                  <View className='info_bottom'>
                    <View className='info_price'><Label className='price_num'>$666</Label>  抢购价</View>
                    <View className='info_sum'>
                      <AtInputNumber
                        min={0}
                        max={10}
                        step={1}
                        value={this.state.value}
                        onChange={this.handleChange.bind(this)}
                        className='shop_input_number'
                      />
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View className='checkbox-list__label list__label_content'>
              <Checkbox className='list__checkbox' color={color}  checked />
              <View className='shop_list_info'>
                <View className='shop_info_img'></View>
                <View className='shop_info'>
                  <View className='info_title'>我是商品啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</View>
                  <View className='info_bottom'>
                    <View className='info_price'><Label className='price_num'>$666</Label>  抢购价</View>
                    <View className='info_sum'>
                      <AtInputNumber
                        min={0}
                        max={10}
                        step={1}
                        value={this.state.value}
                        onChange={this.handleChange.bind(this)}
                        className='shop_input_number'
                      />
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View className='checkbox-list__label list__label_content'>
              <Checkbox className='list__checkbox' color={color} checked />
              <View className='shop_list_info'>
                <View className='shop_info_img'></View>
                <View className='shop_info'>
                  <View className='info_title'>我是商品啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</View>
                  <View className='info_bottom'>
                    <View className='info_price'><Label className='price_num'>$666</Label>  抢购价</View>
                    <View className='info_sum'>
                      <AtInputNumber
                        min={0}
                        max={10}
                        step={1}
                        value={this.state.value}
                        onChange={this.handleChange.bind(this)}
                        className='shop_input_number'
                      />
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View className='checkbox-list__label list__label_content'>
              <Checkbox className='list__checkbox' color={color} checked />
              <View className='shop_list_info'>
                <View className='shop_info_img'></View>
                <View className='shop_info'>
                  <View className='info_title'>我是商品啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</View>
                  <View className='info_bottom'>
                    <View className='info_price'><Label className='price_num'>$666</Label>  抢购价</View>
                    <View className='info_sum'>
                      <AtInputNumber
                        min={0}
                        max={10}
                        step={1}
                        value={this.state.value}
                        onChange={this.handleChange.bind(this)}
                        className='shop_input_number'
                      />
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View className='checkbox-list__label list__label_content'>
              <Checkbox className='list__checkbox' color={color} checked />
              <View className='shop_list_info'>
                <View className='shop_info_img'></View>
                <View className='shop_info'>
                  <View className='info_title'>我是商品啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</View>
                  <View className='info_bottom'>
                    <View className='info_price'><Label className='price_num'>$666</Label>  抢购价</View>
                    <View className='info_sum'>
                      <AtInputNumber
                        min={0}
                        max={10}
                        step={1}
                        value={this.state.value}
                        onChange={this.handleChange.bind(this)}
                        className='shop_input_number'
                      />
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </CheckboxGroup>
        </View>
    )
  }
}

export default Shops
